﻿import QtQuick 2.2

import QtQuick.Controls 1.2

import QtQuick.Controls.Styles 1.2

// iconName 图标资源
// iconSource url指定图标位置（指定了iconName,本字段就没用了)
// isDefault 是的话按enter触发
// menu 允许设置一个菜单
// action 定义按钮的 click text tooltip iconSource 等属性
// activeFocusOnPress 按下时是否获取焦点，默认时false
// style 定制按钮风格 ButtonStyle类 允许定制按钮的背景和文本

Rectangle{
    width: 320;
    height: 240;

    Button{
        id: Mybutton
        text: "Quit";
        anchors.centerIn: parent;
        style: ButtonStyle{
            background: Rectangle{
                implicitWidth: 70;
                implicitHeight: 25;
                border.width: control.pressen ? 10:1; //不明显
                border.color: (control.hovered || control.pressed) ? "green" : "#888888";
                color: "#a0a0a0";

            }

        }

    onClicked: Qt.quit();
    }
//    Button{ //用到了 component
//        style: Mybutton; //直接使用其它id的属性
//    }
}

